html,body,.body{width:100%; transition:all 0.3s ease; }
.body.open{ transform:translateX(40%); overflow:hidden; transition-delay:0.1s;}

.menushow { position:absolute; right:8px; top:0px; width:40px; height:100%; padding-top:8px; z-index:11111;  cursor:pointer; display:none;}
.menushow span {cursor: pointer; display:block; width:32px; margin:0 auto; height:3px; background:#fff; margin-top:6px; transition:all .5s; -webkit-transition:all .5s; }
.mask{ width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; z-index:111; top:0px; display:none; left:0px; }
.mask.show{ display:block;}
.menu { background:#333; width:80%; overflow-y:auto; position:fixed; left:-100%; transition:all .4s; z-index:111; -webkit-transition:all .4s; opacity:0; top: 0; bottom: 0; padding-top:50px; height:100%; }
.menu h2{ position:absolute; left:0px; background:#0090da; color:#fff; line-height:60px; height:60px; width:100%; padding-left:22px; top:0px; font-size:18px; border-bottom:1px solid #3e3e3e; display:block;}
.menu h2 span { float:right; margin-right:12px;}
.menu h2 span a{ display:inline-block; padding:0px;}
.menu h2 span a.on{ color:#FF6;}
.menu h2 span i{ margin:0 10px;}
.menu li{ display:block; border-bottom:1px solid #3e3e3e; transform:translateY(50px);-webkit-transform:translateY(50px); transition:all 0.4s; -webkit-transition:all 0.4s; opacity:0;}
.menu a { height:55px; color: white; display:block; line-height:55px; font-size:14px; text-decoration: none; color:#fff; padding-left:22px; }
.menu a:hover,.menu a.on{ color:#fff; background:#0090da }
.menu b { font-size:14px; display: block; transition: all 0.4s; font-weight:normal; }
.menu.show {z-index:1111; left:0px; opacity:1; }
.menu.show li{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.menu.show li:nth-child(1) { transition-delay: 0.08s; }
.menu.show li:nth-child(2) { transition-delay: 0.16s; }
.menu.show li:nth-child(3) { transition-delay: 0.24s; }
.menu.show li:nth-child(4) { transition-delay: 0.32s; }
.menu.show li:nth-child(5) { transition-delay: 0.40s; }
.menu.show li:nth-child(6) { transition-delay: 0.48s; }
.menu.show li:nth-child(7) { transition-delay: 0.56s; }
.menu.show li:nth-child(8) { transition-delay: 0.62s; }
.menu.show li:nth-child(9) { transition-delay: 0.70s; }
.menu.show li:nth-child(10) { transition-delay: 0.80s; }
.menu.show li .item{ display: none;}
.menu.show li .item a{ height:35px; line-height:35px; border-bottom:1px solid #333; padding-left:30px;}
.menu.show li .item .mson a{ padding-left:45px;}

@media(max-width:1207px){
	.header .logo{ left:12px;}
	.header ul li{ width:110px;}
}

@media(max-width:1150px){
	.about .aboutxt{ padding-top:20px;}
	.about .aboutxt h1{ font-size:20px;}
	.about .aboutxt .note{ padding-top:20px;}
}

@media(max-width:1065px){
	.footer dl{ width:8%;}	
}


@media(max-width:1032px){
	.header{ height:50px;}
	.header .logo{ height:40px; top:5px;}
	.header ul{ display:none;}
	.menushow{ display:block;}
}

@media(max-width:950px){
	.aboutnum{ padding-bottom:30px; padding-top:0px;}
	.aboutnum li{ width:50%; margin-top:30px;}	
	.about{ padding-bottom:20px;}
	.about .pic{ float:none; width:100%;}
	.about .warp{ position:static; width:100%; }
	.about .aboutxt { float:none; width:100%; margin:0px; max-width:100%;}
	.footer{ padding-top:20px;}
	.footer .dbcon{ float:none; width:100%; height:auto;}
	.footer .dbcon .p2{ text-align:center;}
	.footer .dbcon h1{ text-align:center;}
	.footer .dbcon .p3{ text-align:center; padding:0px;}
	.footer dl{ display:none;}
	.footer .dbewm{ float:none; margin:0 auto; overflow:hidden; margin-top:12px;}
	.footer .dbewm img{ margin-top:10px;}
	.footer .copyright{ margin-top:12px; padding:15px 12px;}
}

@media(max-width:870px){
	.notice .fr{ display:none;}
	.notice .bd{ width:100%; float:none;}
	.aboutnum li .p1 b{ font-size:40px;}
	.aboutnum li .p1 span{ font-size:18px; vertical-align:20px;}
}

@media(max-width:800px){
	.pdbox{ padding:20px 0;}
	.leader{ height:auto;}
	.leader h2{ float:none; text-align:center; font-size:18px;}
	.leader span{ float:none;}
	.leader span a{ float:left; line-height:20px; margin-bottom:10px;}
}

@media(max-width:750px){
	.topimg{ height:250px;}
	.topimg h1{ padding-top:100px;}
	.title{ padding-top:30px;}
	.title h1{ font-size:20px;}
	.hyfg{ margin-top:20px;}
	.serverlist{ margin-left:-12px;}
	.serverlist li{ width:50%; padding-left:12px;}
	.hylist{ margin-left:-12px;}
	.hylist li{ width:50%; padding-left:12px; margin-top:12px;}
	.news .newtop{ margin-top:20px;}
	.news .newtop .fl{ width:100%; float:none;padding-right:0px;}
	.news .newtop .fr{ width:100%; float:none; padding-left:0px;}
	.news{ padding-bottom:30px;}
	.zhixun{ display:none;}
	.nyc-left{ float:none; width:100%;}
	.nyc-right{ float:none; width:100%; margin-top:20px;}
}

@media(max-width:640px){
	.newlist li{ padding:15px 0;}
	.newlist li .note p{ padding-top:12px;}
	.newlist li .note h3{ font-size:16px;}
	.newlist li .note{ padding-right:80px;}
	.newlist li .date{ right:0px;}
	.newlist li:hover { box-shadow: #bbb 0 0 10px; border-bottom: 0px; padding:12px; padding-right: 0px; }

}

@media(max-width:450px){
	.hylist li .box{ height:240px;}
}